<!DOCTYPE html>
<html>
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  <meta name="keywords" content="服务支撑平台"/>
  <title>应用统一管理桌面</title>
  <link rel="stylesheet" href="style/base.css" type="text/css" />
  <link rel="stylesheet" href="style/index.css" type="text/css" />
  <script src="javascript/api.js"></script> <!-- api.js必须放到最开头 -->
  <script src="javascript/axios.js"></script>
  <script src="javascript/jquery.js"></script>
  <script src="javascript/vue.js"></script>
  <script src="javascript/base.js"></script>
  <script src="javascript/config.js"></script>
  <script src="javascript/index.js"></script>
  <script src="javascript/main.js"></script>
  <script src="javascript/fixAppJson.js"></script><!-- 生成固定的APP -->
  <script src="javascript/layer/layer.js" type="text/javascript" charset="utf-8"></script><!--弹窗-->
</head>
<body>
  <div id="wrap" class="wrap clear">
    <!-- 背景图设置 -->
    <div class="bgwindow" id="bgWindow">
      <div class="bgWindowMenu" id="bgWindowMenu">
        <div id="bgclose"></div>
        <div class="windowMenuTitel">
            <ul class="ulTheme">
              <li>主题{{theme}}</li>
              <li>壁纸{{bgImg}}</li>
              <!-- <li>个人设置</li> -->
            </ul>
        </div>
      </div>
      <div class="bgWindowContent">
        <ul id="ulWindowOne">
            <li @click="selectTheme(1)"></li>
            <li @click="selectTheme(2)"></li>
            <li @click="selectTheme(3)"></li>
            <li @click="selectTheme(4)"></li>
            <li @click="selectTheme(5)"></li>
            <li @click="selectTheme(6)"></li>
        </ul>
        <ul style="display:none" id="ulWindowTwo">
          <li @click='selectBgImg("one")'>
            <img  src="images/px.gif" />
          </li>
          <li @click='selectBgImg("two")'>
            <img  src="images/px.gif" />
          </li>
          <li @click='selectBgImg("three")'>
            <img  src="images/px.gif" />
          </li>
          <li @click='selectBgImg("four")'>
            <img  src="images/px.gif" />
          </li>
          <li @click='selectBgImg("five")'>
            <img  src="images/px.gif" />
          </li>
          <li @click='selectBgImg("six")'>
            <img  src="images/px.gif" />
          </li>
        </ul>
        <ul style="display:none" id="ulWindowThree">
          <li>
            <table>
              <tr>
                <td width="40%">热键设置</td>
                <td width="40%">功能说明</td>
                <td width="20%">快捷键</td>
              </tr>
              <tr>
                <td width="40%"></td>
                <td width="40%">截屏</td>
                <td width="18%"><input type="text" placeholder="ctrl+shift+A"/></td>
              </tr>
              <tr>
                <td width="40%"></td>
                <td width="40%">打开聊天窗口</td>
                <td width="18%"><input type="text" placeholder="ctrl+shift+O"/></td>
              </tr>
              <tr>
                <td width="40%"></td>
                <td width="40%">发送信息</td>
                <td width="18%">
                  <input type="radio" name="radio" value="1" checked>按Enter键发送信息<br>
                  <input type="radio" name="radio" value="2">按Ctrl+Enter键发送信息
                </td>
              </tr>
            </table>
          </li>
          <li>
            <table>
                <tr>
                    <td width="40%">登录设置</td>
                    <td width="40%">
                      <input type="checkbox" name="check" checked value="2">
                      &nbsp;启动电脑时自动运行
                    </td>
                    <td width="20%"></td>
                  </tr>
            </table>
          </li>
          <li>
              <table>
                <tr>
                    <td width="40%">声音设置</td>
                    <td width="50%">
                      <input type="checkbox" name="check" checked value="2">
                      &nbsp;登录时有声音提示<br>
                      <input type="checkbox" name="check" checked value="2">
                      &nbsp;新会话消息时，有声音提示
                    </td>
                    <td width="10%"></td>
                  </tr>
            </table>
          </li>
          <li>
            <table>
              <tr>
                <td width="40%">语言设置</td>
                <td width="40%" >
                    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;简体中文
                </td>
                <td width="20%"></td>
              </tr>
            </table>
          </li>
          <li>
            <table>
              <tr>
                <td width="40%">聊天字体</td>
                <td width="50%" style="text-align:right;">
                    <input type="radio" name="radio2" value="1" checked>&nbsp;大&nbsp;
                    <input type="radio" name="radio2" value="2">&nbsp;中&nbsp;
                    <input type="radio" name="radio2" value="2">&nbsp;小
                </td>
                <td width="10%"></td>
              </tr>
            </table>
          </li>
        </ul>
      </div>
    </div>
    <!--leftbar  begin-->
    <div id="left" class="left clear">
      <div id="leftBar" class="leftBar"></div>
    </div>
    <!-- 桌面 -->
    <div id="desk" class="desk">

      <div id="deskWrap1">
        <div id="deskContent" class="deskContent clear">
        	<p class="fenlei_titel">常用应用</p>
        </div>
      </div>
      <!--<div id="deskWrap2" class="deskWrapDisplayNone">第二个桌面</div>-->
      <!--<div id="deskWrap3" class="deskWrapDisplayNone">第三个桌面</div>-->

    </div>
    <div id="mask" class="mask" style="display:none;"></div>
    <!-- 背景图 -->
    <img src="images/bg4.jpg" height="100%" width="100%" alt="background" id="deskbg1" class="deskbg">
    <!-- 任务栏 -->
    <div id="task" class="task"></div>
  </div>

  <script src="javascript/vm.js"></script>
  <script>
      /*后期删掉*/
  	  var accessToken = localStorage.token;

      //初始化桌面
      var newDeskBox = new desk();
      
      axios.get(zuulHost+'/m_manage/userAppMenu/myApp?access_token='+accessToken,{
        })
        .then(function(res){
          console.log(res.data[0]);
          let arrays = res.data[0];
          newDeskBox.initFixApp(jsonApp);//查询固定APP应用
          newDeskBox.init(arrays);//查询桌面APP应用
        })
        .catch(function(err){
        	console.log(err);
      });
  </script>
</body>
</html>
